<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>贴吧</title>

        <script type="text/javascript" src="/js/jquery/jquery.js"></script>
        <script
            type="text/javascript"
            src="/js/plugins/jquery-form/jquery.form.js"
        ></script>
        <script
            type="text/javascript"
            src="/js/plugins/jqPaginator/jq-paginator.min.js"
        ></script>
        <script src="/js/vue/md5.js"></script>
        <script src="/js/plugins/js-cookie/js.cookie.min.js"></script>
        <script type="text/javascript" src="/js/vue/common.js"></script>
        <script src="/js/vue/vue.min.js"></script>
    </head>
    <body>
        <div id="app">
            <!-- 注意id要对应上 -->
            <div>首页</div>
            <div>
                <p>话题列表</p>
            </div>
            <table border="1">
                <tr>
                    <td>回复数</td>
                    <td>标题</td>
                    <td>发起人姓名</td>
                </tr>
                <tr v-for="item in topicList">
                    <td>{{item.num}}</td>
                    <td>
                        <!-- 注意: 使用了过后""中就是js环境了 -->
                        <a :href="'/views/topic/detail.html?id=' + item.id"
                            >{{item.topicName}}</a
                        >
                    </td>
                    <td>{{item.initiatorName}}</td>
                </tr>
            </table>
            <!-- 发起话题 -->
            <hr />
            <div>
                <input v-model="content" />
                <button @clicK="submitTopic">发起话题</button>
            </div>
        </div>
    </body>

    <script src="/js/vue/system/topic/index.js"></script>
</html>
